import notFoundImg from '@/assets/images/nocourse.png'
import Image from 'next/image'
import React, { FC } from 'react'
import header1 from '@/assets/images/header1.png'
import header2 from '@/assets/images/header2.png'
import { useStores } from '@/store'
import { useRouter } from 'next/router'

const empty: FC<{}> = () => {
  const store = useStores()
  const router = useRouter()
  return (<div className='m-r1.5 text-center bg-FFC2C2 flex flex-row w-r34.5 h-r8.5 rounded-2xl '>
    <div className=' flex-1 flex flex-col '>
      <span className=' flex-1 font-bold text-r1.4 leading-r4.2'>
        情侣头像参考案例
      </span>
      <span className=' flex-1  leading-r4.2'>
        <span onClick={() => {
          router.push({ pathname: '/headshot', query: { ...router.query } })
        }} className='inline-block font-bold w-r11.0 h-r2.5 leading-r2.5 text-r1.2 rounded-3xl  text-white cursor-pointer  bg-gradient-to-r from-FF4747 to-FF7070   text-center'>返回重新选择</span>
      </span>
    </div>
    <div className=' flex-1 flex flex-row justify-end'>
       <img className=' w-r12.0 h-r6.0 rounded-lg  m-r1.2 ' src={store.active.currentCreatParam.preview} alt={''}></img>
      {/* <Image className=' w-r6.0 h-r6.0 rounded-lg  m-r1.2 -mr-r0.2' src={header1} alt={''}></Image>
      <Image className=' w-r6.0 h-r6.0 rounded-lg  m-r1.2 ' src={header1} alt={''}></Image> */}
    </div>
  </div>)
}


export default empty

